<div class="easyui-layout" data-options="fit:true">
	<div class="easyui-panel pd5" data-options="fit:true,border:true">
        <div id="main" style="width: 600px;height:400px;"></div>
    </div>
</div>
<script src="../js/echarts.js"></script>
<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));
		// 指定图表的配置项和数据
		myChart.setOption({
			title: {
				text: '产品统计'
			},
			tooltip: { //提示框组件
			},
			legend: {
				data: ['数量']
			},
			toolbox: { //工具栏
				show: true,
				feature: {
					dataZoom: {
						yAxisIndex: 'none'
					},
					dataView: { //数据视图
						readOnly: false
					},
					magicType: {
						type: ['line', 'bar']
					},
					restore: {},
					saveAsImage: {}
				}
			},
			xAxis: { //x轴
				data: []
			},
			yAxis: { //y轴
			},
			series: [{ //系列列表。每个系列通过 type 决定自己的图表类型
				name: '数量',
				type: 'bar',
				data: []
			}]
		});
		$.post(globalData.server + 'productType/productList?token='+globalData.getToken(), {
			}, function(data) {
				myChart.setOption({
					xAxis: {
						data: data.nameList
					},
					series: [{ // 根据名字对应到相应的系列
						name: '数量',
						data: data.data
					}]
				});
			}, "json");
</script>